import { Pressable,View,Text,StyleSheet } from "react-native";
import { router } from 'expo-router';
type Props = {
  label: string;
  toDest: string;
};
export default function CircleButton({label,toDest}: Props) {
  return (
    <View >
        <Pressable style={commonCircleBtnContainerStyle.circleButton} onPress={()=>{
            router.push(toDest as any)
        }}>
            <Text style={commonCircleBtnContainerStyle.buttonText}>{label}</Text>
        </Pressable>
    </View>
  );
}


const commonCircleBtnContainerStyle = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: '#f0f0f0',
    },
    circleButton: {
      width: 100,
      height: 100,
      borderRadius: 50,
      backgroundColor: '#007bff',
      justifyContent: 'center',
      alignItems: 'center',
      marginVertical: 50,
    },
    buttonText: {
      color: '#fff',
      fontSize: 16,
      fontWeight: 'bold',
    },
  });